<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="../img/favicon.png">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/sort.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/footer.css">
    <title>推荐商品-小米有品</title>
</head>

<body>
    <!-- head -->
    <header></header>

    <!-- 查找结果 -->
    <div class="search-result">
        <div class="con">
            <div class="title">
                <p>为您推荐</p>
            </div>
            <div class="main">


            </div>
            <div class="m-nav">
                <nav>
                    <ul>
                        <li class="item cag">
                            <a href="#">上一页</a>
                        </li>
                        <li class="item pag active">
                            <a href="#">1</a>
                        </li>
                        <li class="item pag">
                            <a href="#">2</a>
                        </li>
                        <li class="item pag">
                            <a href="#">3</a>
                        </li>
                        <li class="item pag">
                            <a href="#">4</a>
                        </li>
                        <li class="item pag">
                            <a href="#">5</a>
                        </li>
                        <li class="item pag">
                            <a href="#">...</a>
                        </li>
                        <li class="item pag">
                            <a href="#">14</a>
                        </li>
                        <li class="item cag" style="border: none;">
                            <a href="#">下一页</a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>

     <!-- 登陆提示 -->
     <div class="login">
        <div class="login-con">
            <span class="close"></span>
            <div class="agreement">
                <p class="title">声明与政策</p>
                <div class="contain">
                    <p class="welcome">欢迎您来到小米有品！</p>
                    <p>我们依据最新法律法规要求，制定并更新了<span>《隐私政策》</span>、
                        <span>《小米有品用户协议》</span>以及<span>《小米帐号使用协议》</span>。
                    </p>
                    <p>您需阅读并同意相关政策条款方可进行登录。</p>
                </div>
                <div class="btn-con">
                    <button class="agree">同意并继续</button>
                    <button class="n-agree">不同意</button>
                </div>
            </div>
        </div>
    </div>

    <!-- fexed-box -->
    <div class="f-box"></div>

    <!-- footer -->
    <footer></footer>

    <script type="text/html" id="product-template">
        {{each product prod}}
        <dl data-id="{{prod.id}}">
            <dt>
                <img src="{{prod.image}}" alt="">
            </dt>
            <dd>
                <p class="info">{{prod.title}}</p>
                <p class="price">
                    <span class="unit">¥</span>
                    <span class="num">{{prod.price}}</span>
                    <span class="tag">特价</span>
                </p>
            </dd>
        </dl>
        {{/each}}
    </script>
    <script src="../libs/requirejs/require.js" data-main="../js/sort"></script>
</body>

</html>